<template>
  <main>
    <G6Graph :width="800" :height="600" :data="data"></G6Graph>
    <div class="iconfont icon-tuodong1">sssss</div>
  </main>
</template>

<script setup lang="ts">
import G6Graph from '@/components/g6-graph/index.vue'
import type { ETLNodeItem } from '@/components/g6-graph/type'
import { ref } from 'vue'
const data = ref<ETLNodeItem[]>([
  {
    id: '1',
    label: '1',
    x: 100,
    y: 200,
    nextId: '2',
    prevIds: [],
    type: 'custom-rect',
    icon: '\ue7dd',
  },
  {
    id: '2',
    label: '2',
    x: 300,
    y: 200,
    nextId: '',
    prevIds: ['1'],
    type: 'custom-rect',
    icon: '\ue7de',
  },
])
</script>
